/* *{border: solid 1px red;} */

html {
	font-size: 62.5%;
}

body {
	font-size: 2rem;
	text-transform:none;
	font-family: 'Gloria Hallelujah','Questrial','HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
/* 	background-image: url('../img/bk_yellow.jpg'); */
	background-color: #f2f2f2;
	text-shadow: 0.1rem 0.1rem #4F4F4F;
	color: white;
}

body.orangeScreen{
	background-image: url('../img/bk_yellow.jpg');
}

#loadingWindow{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	background-image: url('../img/greypixel.png');
}

#loadingWindow.disable{
	display:none;
}

#loadingWindow #loadingGif{
	width: 20%;
	margin-top: 60%;
	margin-left: 40%;
}

#loadingWindow #loadingGif img{
	width: 100%;	
}

.title {
font-size: 3rem;
position: fixed;
top: 0;
/* bottom: 8rem; */
left: 0;
right: 0;
height: 8rem;
background-image: url('../img/bk_yellow.jpg');
z-index: 2;
overflow: hidden;
}

/**************** LOGIN ****************/
.login{
	padding: 2rem;
	width: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-image: url('../img/bk_yellow.jpg');
}
.img_logo{
	display: block;
}

.img_logo img{
	width:80%;
}

.tinyText{
	font-size: 1.3rem;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  padding: 10px;
}

#buttonLocale{
	float: right;
	line-height: 0;
	padding: 3%;
	font-size: 1.2rem;
	margin-top: 35%;
}

.rememberPassword{
	clear:both;
}
#contLogin{
/* 	clear: both; */
/* 	overflow: hidden; */
/* 	width: 35%; */
/* 	margin: 0 auto; */
/* 	padding: 2% 5% 2% 0%; */
	
	clear: both;
	overflow: hidden;
	width: 67%;
	margin: 0 auto;
	padding: 2% 5% 2% 0%;
	text-align: center;

}

#contLogin .labelLogin{
	display: block;
	clear: both;
/* 	float: left; */
/* 	text-align: right; */
/* 	width: 45%; */
	overflow: hidden;
	
	float: none;
	text-align: center;
	width: 100%;
}
#contLogin .loginField{
/* 	width: 45%; */
	display: block;
/* 	float: right; */
	overflow: hidden;
	margin-top: 1rem;
	display: block;
	font-size: 2rem;
	
	width: 100%;
	float: none;

	}

#contLogin #buttonLogin{
	display: block;
	clear: both;
/* 	margin: 11rem auto 0; */
	float: none;
	
	margin: 3rem auto 0;

}
/***************************************/

/**** MENU ***/

.mainMenu{
	margin: 0 auto;
	overflow: hidden;
}


.main .mainMenu{
/* 	padding: 10% 0%; */
	padding-top: 5%;
	width: 80%;
	overflow: hidden;
}

.menuIcons{
/* 	width: 35%; */
	width: 20%;
	float: left;
	margin: 6%;
	
}

.iconLogout {
	position: absolute;
	width: 10%;
	bottom: 0;
	right: 1rem;
}

.menuBanner{
	clear: both;
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
	padding-top: 15%;
	padding-bottom: 28%;
}

/* .menuIcons:nth-child(3n+1){ */
/* 	clear:both;	 */
/* } */

.menuIcons img, .menuBanner img{
	width: 100%;
}

.menuIcons span{
	display:block;
	margin: 0 -7px;
	color: black;
	text-shadow: none;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-family: 'Questrial',Arial;
	height: 2rem;
}

.separatorIcons{
	width:100%;
}

.numberNotification {
	background: red;
	position: absolute;
	bottom: 0;
	right: -2rem;
	width: 3rem;
	height: 3rem;
	border-radius: 1.5rem;
	font-family: 'Questrial',Arial;
	font-size: 2rem;
	line-height: 3rem;
	color: #f2f2f2;
}

.notificationBox{
	position:relative;
}


/**************** BARRA MENU ****************/


/* .menuBar{ */
/*  	height: 4rem; */
/* 	background:#f8f8f8; */
/* 	background-image:-webkit-linear-gradient(#ffffff,#ebebeb); */
/* 	background-image:-moz-linear-gradient(#ffffff,#ebebeb); */
/* 	background-image:-o-linear-gradient(#ffffff,#ebebeb); */
/* 	background-image:linear-gradient(#ffffff,#ebebeb); */
/* 	display:none; */
/* } */

/* #menuButton { */
/* 	position: relative; */
/* 	left: 0.5rem; */
/* 	top: 0.3rem; */
/* 	float:left; */
/* } */

/* #logoutButton{ */
/* 	position: relative; */
/* 	top: 0.3rem; */
/* 	right: 0.5rem; */
/* 	float:right; */
/* } */


/* #buttonLocale{ */
/* 	margin-right: 2rem; */
/* } */


/********************************************/

/*********** GENERICI COMPONENTI ************/
.orangeButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #ffa12f) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #ffa12f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#ffa12f');
	background-color:#ffc477;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:'Questrial', Arial;
	font-size: 2rem;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
	overflow:hidden;
	padding: 5px;
	-webkit-transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
  	transition: all 1s ease-in-out;
}

.orangeButton:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa12f), color-stop(1,#ffc477) );
	background:-moz-linear-gradient( center top, #ffa12f 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa12f', endColorstr='#ffc477');
	background-color:#ffa12f;
}

.iconButtonStyle{
	-moz-box-shadow:inset 0px 1px 0px 0px #d9d9d9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9d9d9;
	box-shadow:inset 0px 1px 0px 0px #d9d9d9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #ededed 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cccccc');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #e0e0e0;
	display:inline-block;
	color:#e07d04;
	overflow: hidden;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 5%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.iconButtonStyle:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ededed');
	background-color:#cccccc;
}

.backButtonStyle {
	width: 3rem;
	float: left;
	margin: 0.5rem 1rem;
	overflow: hidden;
	z-index: 3;
/* 	position: fixed; */
	position: absolute;
}

.backButtonStyle img{
	width: 100%;
}


.title h1, .title.with-back h1 {
width: 100%;
/* size: 2.5rem; */
overflow: hidden;
overflow-x: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
}

/* .title.with-back h1{ */
/* 	width:100%; */
/* /* 	font-size: 2.5rem; */ */
/* /* 	margin: 0% 0 0 -8%; */ */
/* 	overflow:hidden; */
/* } */

.data{
/* 	position:relative; */
/* 	float:right; */
	color:#FFA02F;
	text-shadow: 0.09rem 0.09rem #4F4F4F;
}

.img{
	position:relative;
	float:left;
	width:15%;
	clear:both;
}

.img img{
	width:100%;
}

.curvone{
	width: 100%;
	position: relative;
	background: #f2f2f2;
	clear:both;
	display:none;
}

.main {
	display: none;
	text-align: center;
	background: #f2f2f2;
/* 	overflow: hidden; */
	/* aggiunte io:*/
	position: absolute;
	top: 9rem;
	position: relative;
/* 	margin-top: 9rem; */
/* 	top: -10px; */
/* 	margin-bottom: -30px; */
/* 	z-index:1; */
	overflow: auto;
/* 	margin-bottom: 10rem; */
		
}

.curvoneTop {
	height: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 80%;
	border-top-right-radius: 80%;
	z-index: 1;
	box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.15);
	position: fixed;
	top: 6.5rem;
/* 	top: 10%; */
	/* bottom: 6rem; */
	left: 0;
	right: 0;
	z-index: 2;
}

.curvoneBot {
	/* margin-top: 0; */
	/* margin-bottom: 10px; */
	height: 40px;
	border-bottom-left-radius: 80%;
	border-bottom-right-radius: 80%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
	position: fixed;
	bottom: 2rem;
	left: 0;
	right: 0;
	z-index: 2;
}

.footer{
	background-image: url('../img/bk_yellow.jpg');
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4rem;
	display: none;
}

/********************************************/

/**************** INFO UTENTE ****************/
.userInformation{
	display: none;
}

.userInformation .labelInfo{
	display:block;
	clear:both;
	margin:1rem;
}

.userInformation .dataInformation{
	color: black;
}

/********************************************/

/************ MISURE ***************/

.measureMac{
	margin-bottom: 10rem;
}

.arrow{
	width: 10%;
/* 	height: 65px; */
	overflow:hidden;
	float: left;
	padding-top: 5px;
}

.macList .listContainer{
	overflow: hidden;
	width: 80%;
	float: left;
	height: auto;
/* 	margin: 1% 0; */
}



.macList img{
/* 	width: 70%; */
	width: 25px
}


.macList{
	display:block;
	clear:both;
	text-align: center;
	margin-top: -10px;
	overflow:hidden;
}

.macList select{
	background-color: white;
	font-size: 1.8rem;
/* 	width: 30%;	 */
	width: 22rem;
}

.startDate{
	width: 20%;
}

.endDate{
	width: 20%;
}

.insertDate{
/* 	text-align: center ; */
}


/* .showChart #cointainer { */
/* /* 	min-width: 310px;  */ */
/* /* 	height: 400px; */ */
/* /* 	margin: 0 auto; */ */
	
/* 	width: 80%;  */
/* 	height: 40%; */
/* 	margin: 1%; */
/* } */

.highcharts-container{
	position: relative;
	overflow: hidden;
	text-align: left;
	line-height: normal;
	z-index: 1;
/* 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
	
}

.showChart svg {
	font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:12px;
}

#grafic-box{
	text-shadow: none;
	weight: 100%;
/* 	height: 330px;	 */
	height:34rem;
}


.middleCurve {
	margin-top: -20px;
	margin-bottom: 10px;
	height: 40px;
	border-bottom-left-radius: 80%;
	border-bottom-right-radius: 80%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom: solid 1px #FFA02F;
/* 	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4); */
}

.navBar span {
	padding: 0 4%;
}

.navBar .navBarIcon{
	display:inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 1%;
}

.navBar div img{
	width:100%;
}

.navBar .middleItem{
	border-right: solid 1px;
	border-left: solid 1px;
}

/* .navBar .firstItem{ */
/* 	border-left: solid 1px; */
/* } */

/* .navBar .lastItem{ */
/* 	border-right: solid 1px; */
/* } */

.navBar .selectedItem {
	text-decoration: underline;
}

.navBar{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #f2f2f2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #f2f2f2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f2f2f2');
	background-color:#cccccc;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:inline-block;
	color:#e07d04;
	width: 100%;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	overflow: hidden;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.4);
/* 	position: relative; */
/* 	bottom: -15px; */
	position: fixed;
	left: 0;
	bottom: 4rem;
	z-index: 3;
}

.selectType {
	background: #f2f2f2;
	position: absolute;
	top: 25px;
	/* bottom: 170px; */
	right: 50px;
	left: 50px;
	text-align: center;
	z-index: 2;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	padding-bottom: 3%;
	display:none;
}

.selectType .orangeButton{
	display:block;
	clear: both;
	width: auto;
	overflow: hidden;
	margin: 3% 30%;
}

.selectDate {
/* background: #f2f2f2; */
position: absolute;
/* top: 25px; */
/* bottom: 170px; */
/* right: 50px; */
/* left: 50px; */
text-align: center;
z-index: 2;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
/* border-radius: 6px; */
/* padding-bottom: 3%; */
display: none;
text-shadow: none;
font-family: 'Questrial',Arial;
}

.ui-widget-header{
-webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
box-shadow: inset 0px 1px 0px 0px #fce2c1;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #ffa12f) );
background-color: #ffc477;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border: 1px solid #eeb44f;
}

#ui-datepicker-div{
	display: none;
	font-size: 62.5%;
}

.ui-datepicker table{
	font-size: 1.5rem;
/* 	width: 90%; */
}

/* .ui-widget{ */
/* 	width: 97%; */
/* } */

.ui-datepicker{
	width:14em;
}

.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 1rem;
text-align: center;
text-decoration: none;
}


.hasDatepicker{
background: none;
border: none;
color: white;
}

.showChart{
/* 	margin: 10px; */
/* 	padding-bottom: 10%; */
/* margin-bottom: 4%;	 */
padding-right: 2%;
padding-bottom: 2%;
/* height:34rem; */
}

/***********************************************************************/

/*********************** ALLARMI **********************/

.alarm{
	display:none;
}

.alarmMac {
text-align: center;
padding-right: 15%;
width: 65%;
}

.semaphore{
	position:relative;
	float:left;
	width:70%;
	clear:both;
	margin: 0 15%;
}

.semaphore img{
	width:30%;
}


 
/******************************************************/ 

/*********************** IMPIANTI **********************/

.system {
	display: none;
}

.system span {
	display:block;
	clear:both;
	text-align: center;
}

.myApp{
	display:none;	
}

.systemList .elementList {
	text-align: left;
	overflow:hidden;
	margin: 0 0 3% 0;
	
}

.systemList .elementList .coverTitleSystem{
	border: 1px solid #dcdcdc;
	line-height: 4rem;
	text-align: left;
}

.systemList .elementList .coverTitleSystem:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ededed');
	background-color:#cccccc;
}

.systemList .elementList .coverTitleSystem{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #f2f2f2 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cccccc');
	background-color:#f2f2f2;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:inline-block;
	color:#e07d04;
	width: 100%;
	line-height:50px;
	text-decoration:none;
/* 	text-align:center; */
	text-shadow:1px 1px 0px #ffffff;
	overflow: hidden;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.systemList .elementList h2{
	margin: 0;	
	clear:both;
	font-size:2rem;
	padding: 0 1%;

}

.systemInfo{
	float: left;
	padding: 1% 1%;
}

.systemProduction{
	float: right;
	padding: 1% 1%;
}

.systemList .systemInfo span{
	text-align: left;
	font-family: 'Questrial',Arial;
	font-size: 2rem;
	color: black;
	text-shadow: none;
}


.systemList .systemProduction span{
	/*background-color: #444444;*/
	font-family: 'Iceland','Questrial',Arial;
	color: white;
	font-size:3rem;
	text-shadow: none;
	background-image: url('../img/counter-b-red-piccolo.png');
}


#productionBudget, #economicsGraph{
	text-shadow: none;
	width: 100%;
	height:34rem;
	margin: 9rem 0 0 -0.5rem;
}

.realExpected .listContainer,.economics .listContainer{
	overflow: hidden;
	width: 100%;
	height: auto;
/* 	margin: 1% 0; */
	text-align: center;
}

.realExpected select, .economics select{
	background-color: white;
	font-size: 1.8rem;
	/* width: 30%; */
	width: 22rem;
}

/******************************************************/ 

/*********************** ALLARMI **********************/